<template>
  <div class="home">
    <router-view></router-view>
    <div class="foot">
      <van-tabbar active-color="deeppink" :fixed="false" route>
        <van-tabbar-item icon="home-o" :to="{ name: 'lunbo' }"
          >首页</van-tabbar-item
        >
        <van-tabbar-item icon="shop-collect-o" :to="{ name: 'exchange' }"
          >兑换</van-tabbar-item
        >
        <van-tabbar-item icon="shopping-cart-o" :to="{ name: 'locker' }"
          >寄存柜</van-tabbar-item
        >
        <van-tabbar-item icon="manager-o" :to="{ name: 'main' }"
          >我的</van-tabbar-item
        >
      </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
.van-tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.foot {
  height: 53px;
}
</style>
